/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{html,js,vue}"
    ],
    important: true,
    theme: {
        extend: {
            spacing: {
                102: '25.5rem',    // 自定义宽度 w-102，等于 25.5rem
                123: '30.75rem',   // 自定义宽度 w-123，等于 30.75rem
                150: '37.5rem',    // 自定义宽度 w-150，等于 37.5rem
                180: '45rem',      // 自定义宽度 w-180，等于 45rem
                190: '50rem',      // 自定义宽度 w-190，等于 50rem
                '1/7': '13.2857%', // 100% / 7
                '2/7': '28.5714%',
                '3/7': '42.8571%',
                '4/7': '57.1429%',
                '5/7': '71.4286%',
                '6/7': '86.7143%',


                // 使用 JavaScript 循环生成 h-x/8 类
                ...Array.from({length: 8}, (_, i) => ({
                    [`${i + 1}/8`]: `${((i + 1) / 8) * 100}%`
                })).reduce((acc, cur) => ({...acc, ...cur}), {}),
                // 使用 JavaScript 循环生成 h-x/8 类
                ...Array.from({length: 11}, (_, i) => ({
                    [`${i + 1}/11`]: `${((i + 1) / 11) * 100}%`
                })).reduce((acc, cur) => ({...acc, ...cur}), {})

            },
        },
    },
    plugins: [],
}
